<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <title>MyQuickNet 5.0.0 Default Page</title>
        <link rel="stylesheet" media="screen" type="text/css" href="testing_css/reset.css" />
        <link rel="stylesheet" media="screen" type="text/css" href="testing_css/grid.css" />
        <script type="text/javascript" src="testing_static_file/jquery/jquery-2.1.1.js"></script>
    </head>
    <body>
        <div>
            Hello World!
        </div>
        <div>
            <a href="testing/">MyQuickNet 5.0.0 JavaScript Test</a>
        </div>
        <div>
            <a href="testing/advance_example_hello.html">Advance Example</a>
        </div>
        <div class="grid_container">
            <div class="grid pleft_0 pright_5 width_1">
                <div style="border: 1px solid #777777">grid pleft_0 pright_5 width_1</div>
            </div>
            <div class="grid pleft_5 pright_0 width_1">
                <div style="border: 1px solid #777777">grid pleft_5 pright_0 width_1</div>
            </div>
            <div class="clear"></div>
            <div class="grid pleft_1 pright_4 width_1">
                <div style="border: 1px solid #777777">grid pleft_1 pright_4 width_1</div>
            </div>
            <div class="grid pleft_4 pright_1 width_1">
                <div style="border: 1px solid #777777">grid pleft_4 pright_1 width_1</div>
            </div>
            <div class="clear"></div>
            <div class="grid pleft_2 pright_3 width_1">
                <div style="border: 1px solid #777777">grid pleft_2 pright_3 width_1</div>
            </div>
            <div class="grid pleft_3 pright_2 width_1">
                <div style="border: 1px solid #777777">grid pleft_3 pright_2 width_1</div>
            </div>
            <div class="clear"></div>
            <div class="grid pleft_3 pright_2 width_1">
                <div style="border: 1px solid #777777">grid pleft_3 pright_2 width_1</div>
            </div>
            <div class="grid pleft_2 pright_3 width_1">
                <div style="border: 1px solid #777777">grid pleft_2 pright_3 width_1</div>
            </div>
            <div class="clear"></div>
            <div class="grid pleft_4 pright_1 width_1">
                <div style="border: 1px solid #777777">grid pleft_4 pright_1 width_1</div>
            </div>
            <div class="grid pleft_1 pright_4 width_1">
                <div style="border: 1px solid #777777">grid pleft_1 pright_4 width_1</div>
            </div>
            <div class="clear"></div>
            <div class="grid pleft_5 pright_0 width_1">
                <div style="border: 1px solid #777777">grid pleft_5 pright_0 width_1</div>
            </div>
            <div class="grid pleft_0 pright_5 width_1">
                <div style="border: 1px solid #777777">grid pleft_0 pright_5 width_1</div>
            </div>
            <div class="clear"></div>
            <div class="grid width_2">
                <div style="border: 1px solid #777777">grid width_2</div>
            </div>
            <div class="grid width_2">
                <div style="border: 1px solid #777777">grid width_2</div>
            </div>
            <div class="grid width_2">
                <div style="border: 1px solid #777777">grid width_2</div>
            </div>
            <div class="grid width_2">
                <div style="border: 1px solid #777777">grid width_2</div>
            </div>
            <div class="grid width_2">
                <div style="border: 1px solid #777777">grid width_2</div>
            </div>
            <div class="grid width_2">
                <div style="border: 1px solid #777777">grid width_2</div>
            </div>
            <div class="clear"></div>
            <div class="grid width_3">
                <div style="border: 1px solid #777777">grid width_3</div>
            </div>
            <div class="grid width_3">
                <div style="border: 1px solid #777777">grid width_3</div>
            </div>
            <div class="grid width_3">
                <div style="border: 1px solid #777777">grid width_3</div>
            </div>
            <div class="grid width_3">
                <div style="border: 1px solid #777777">grid width_3</div>
            </div>
            <div class="clear"></div>
            <div class="grid width_4">
                <div style="border: 1px solid #777777">grid width_4</div>
            </div>
            <div class="grid width_4">
                <div style="border: 1px solid #777777">grid width_4</div>
            </div>
            <div class="grid width_4">
                <div style="border: 1px solid #777777">grid width_4</div>
            </div>
            <div class="clear"></div>
            <div class="grid width_6">
                <div style="border: 1px solid #777777">grid width_6</div>
            </div>
            <div class="grid width_6">
                <div style="border: 1px solid #777777">grid width_6</div>
            </div>
            <div class="clear"></div>
            <div class="grid width_12">
                <div style="border: 1px solid #777777">grid width_12</div>
            </div>
            <div class="clear"></div>
            <div class="rgrid left_1 width_1">
                <div style="border: 1px solid #777777">rgrid left_1 width_1</div>
            </div>
            <div class="rgrid mleft_1 width_1">
                <div style="border: 1px solid #777777">rgrid mleft_1 width_1</div>
            </div>
            <div class="clear"></div>
            <div class="grid width_6">
                <div class="fgrid width_2">
                    <div style="border: 1px solid #777777">fgrid width_2</div>
                </div>
                <div class="grid width_2">
                    <div style="border: 1px solid #777777">grid width_2</div>
                </div>
                <div class="lgrid width_2">
                    <div style="border: 1px solid #777777">lgrid width_2</div>
                </div>
                <div class="fgrid width_3">
                    <div style="border: 1px solid #777777">fgrid width_3</div>
                </div>
                <div class="lgrid width_3">
                    <div style="border: 1px solid #777777">lgrid width_3</div>
                </div>
            </div>
            <div class="grid width_6">
                <div class="fgrid width_2">
                    <div style="border: 1px solid #777777">fgrid width_2</div>
                </div>
                <div class="grid width_2">
                    <div style="border: 1px solid #777777">grid width_2</div>
                </div>
                <div class="lgrid width_2">
                    <div style="border: 1px solid #777777">lgrid width_2</div>
                </div>
                <div class="fgrid pleft_1 width_2">
                    <div style="border: 1px solid #777777">fgrid pleft_1 width_2</div>
                </div>
                <div class="lgrid width_3">
                    <div class="fgrid width_1">
                        <div style="border: 1px solid #777777">fgrid width_1</div>
                    </div>
                    <div class="grid width_1">
                        <div style="border: 1px solid #777777">grid width_1</div>
                    </div>
                    <div class="lgrid width_1">
                        <div style="border: 1px solid #777777">lgrid width_1</div>
                    </div>
                </div>
            </div>
            <div class="grid width_12">
                <div class="frgrid left_11 width_1">
                    <div style="border: 1px solid #777777">frgrid left_11 width_1</div>
                </div>
                <div class="rgrid left_9 width_1">
                    <div style="border: 1px solid #777777">rgrid left_9 width_1</div>
                </div>
                <div class="grid pright_4 width_4">
                    <div class="igrid width_4">
                        <div style="border: 1px solid #777777">igrid width_4</div>
                    </div>
                    <div class="irgrid left_4 width_4">
                        <div style="border: 1px solid #777777">irgrid left_4 width_4</div>
                    </div>                    
                </div>
                <div class="rgrid mleft_9 width_1">
                    <div style="border: 1px solid #777777">rgrid mleft_9 width_1</div>
                </div>
                <div class="lrgrid mleft_11 width_1">
                    <div style="border: 1px solid #777777">lrgrid mleft_11 width_1</div>
                </div>
            </div>
        </div>
    </body>
</html>
